<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>)</title> 
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js">
</script>
<script>
    $(document).ready(function(){
        $("#btn1").click(function(){
            $("#p1").text("极客学院");
            // text （修改的内容)
        });
        $("#btn2").click(function(){
            $("#p2").html("<a href='http://www.baidu.com'>百度</a>");
            // html可修改标签
        });
        $("#btn3").click(function(){
            $("#i3").val("极客学院");
            // val可修改input内容
        });
        $("#btn4").click(function(){
            $("#aid").attr("href","http://www.jikexueyuan.com")
        });
    });

</script>
</head>

<body>
    <p id="p1">hello world</p>
    <p id="p2">hello world</p>
    <input type="text" id="i3" value="hello world">
    <button id="btn1">按钮</button>
     <button id="btn2">按钮</button>
     <button id="btn3">按钮</button>
     <br/>
     <a id="aid" href="http://www.baidu.com">百度转极客学院</a>
     <button id="btn4">按钮</button>
</body>
</html>
